<template>
  <div class="list-wrapper">
    <card-item v-for=" (item,index) in data" :key="index" :item="item" />
  </div>
</template>
<script>
import CardItem from './item.vue'
export default {
  name: 'cardList',
  props: {
    data: Array
  },
  components: { CardItem }
}
</script>
<style lang="less" scoped>
.list-wrapper {
  margin: 0 14px;
}
</style>
